<template>
  <h3>选择框</h3>
  <select class="win7_select">
    <option>win7</option>
  </select>
  <br/>

  <br/>

</template>

<script lang="ts" setup>
import { ref } from 'vue'

const value = ref('win7')

const options = [
  {
    value: 'Option1',
    label: 'Option1',
  },
  {
    value: 'Option2',
    label: 'Option2',
  },
]
</script>
<style scoped>
.win7_select {
  width: 220px;
  /*border:1px solid #262626 !important;*/
  /*box-shadow: 0 0 0 1px #707070;*/
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 2px;
  background: linear-gradient(
      to bottom,
      #f2f2f2 0%,
      #ebebeb 50%,
      #dddddd 51%,
      #cfcfcf 100%
  );
  font: normal 12px "Webly Sleek UI", "Frutiger", "Lucida Sans Unicode",
  "Lucida Grande", "Open Sans", sans-serif;
  color: black;
}
/*会有样式冲突问题*/
/*.el-input__wrapper{*/
/*  width: 220px;*/
/*  -moz-border-radius: 3px;*/
/*  -webkit-border-radius: 3px;*/
/*  border-radius: 2px;*/
/*  background: linear-gradient(*/
/*      to bottom,*/
/*      #f2f2f2 0%,*/
/*      #ebebeb 50%,*/
/*      #dddddd 51%,*/
/*      #cfcfcf 100%*/
/*  ) ;*/
/*  font: normal 12px "Webly Sleek UI", "Frutiger", "Lucida Sans Unicode",*/
/*  "Lucida Grande", "Open Sans", sans-serif;*/
/*  color: black;*/
/*  outline: none;*/
/*}*/

/*.el-select {*/
/*  --el-select-border-color-hover: var(--el-border-color-hover);*/
/*  --el-select-disabled-border: var(--el-disabled-border-color);*/
/*  --el-select-font-size: var(--el-font-size-base);*/
/*  --el-select-close-hover-color: var(--el-text-color-secondary);*/
/*  --el-select-input-color: var(--el-text-color-placeholder);*/
/*  --el-select-multiple-input-color: var(--el-text-color-regular);*/
/*  --el-select-input-focus-border-color: white;*/
/*  --el-select-input-font-size: 14px;*/
/*}*/
</style>
